<template>
	<el-container class="bas-dao-ru-gui-ze">
		<MkCard>
			<BaseSearchForm v-model:search-param="searchParam" @search="search" @add="addHandler" :isShowBack="false"
				:isShowHistoryTitle="false" :isShowAdd="true" />
		</MkCard>
		<MkCard title="规则列表" class="list-card">
			<MkTable class="list-table">
				<MkColumnIndex />
				<MkColumn label="文件来源" />
				<MkColumn label="文件列名 " />
				<MkColumn label="血液属性" />
			</MkTable>
			<MkPagination class="list-pagination" />
		</MkCard>
		<edit ref="editRef" />
	</el-container>
</template>
<script setup lang="ts">
// 导入入库规则管理模块
import edit from './edit.vue';
import { Refresh, Plus } from '@element-plus/icons-vue';
defineOptions({
	name: 'basDaoRuGuiZe',
});
/**
 * 编辑入库规则抽屉
 */
const editRef = ref<InstanceType<typeof edit>>();
const searchParam = ref<any>();
const search = () => { }
/**
 * 新增入库规则
 */
const addHandler = () => {
	if (editRef.value) editRef.value.openDrawerHandler();
};
</script>
<style lang="scss" scoped>
.bas-dao-ru-gui-ze {
	display: flex;
	flex-direction: column;

	.list-card {
		padding: 1rem 0;

		.list-title-btn {
			margin: 0 1rem;
		}
	}
}



.list-pagination {
	float: none;
}

:deep(.c-card .el-card__header) {
	padding: 0 2rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;

}
</style>
